.approval{
     // 处理滚动条样式
     /deep/ .ui-table-scrollable-body{
        height: 630px;
    }
    .flow{
        width: 100%;
        height: 100%;
        padding-top: 80px;
        padding-bottom: 80px;
        overflow: auto;
        box-sizing: border-box;
        > div {
            margin: auto;
        }
    }
    .flow-item{
        position: relative;
        &::after {
            content: '';
            display: block;
            position: absolute;
            z-index: 10;
            height: 100%;
            top: 0;
            left: 0;
            right: 0;
            margin: auto;
            width: 2px;
            background-color: #cacaca;
        }
    }
        .flow-start {
            position: relative;
            z-index: 20;
            .text {
                position: absolute;
                top: -20px;
                font-size: 14px;
                color: rgba(25,31,37,.4);
                text-align: center;
                width: 100%;
            }
            .ico {
                width: 20px;
                height: 20px;
                background: #dbdcdc;
                border-radius: 50%;
                margin: auto;
                box-sizing: border-box;
                padding-top: 5px;
                padding-left: 2px;
            }
        }
    .flow-end{
        position: relative;
        z-index: 20;
        .text {
            position: absolute;
            bottom: -20px;
            font-size: 14px;
            color: rgba(25,31,37,.4);
            text-align: center;
            width: 100%;
        }
        .ico {
            width: 20px;
            height: 20px;
            background: #dbdcdc;
            border-radius: 50%;
            margin: auto;
            box-sizing: border-box;
            padding-top: 5px;
            padding-left: 2px;
        }
    }
    .flow-add {
        width: 220px;
        height: 110px;
        margin: auto;
        box-sizing: border-box;
        padding-top: 40px;
        &.flow-add--start{
            height: 40px;
        }
        .flow-add__plus {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background: #3296fa;
            margin: auto;
            text-align: center;
            cursor: pointer;
            box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
            transition: all .3s cubic-bezier(.645,.045,.355,1);
            i {
                color: #fff;
                line-height: 30px;
            }
        }
    }
    .content {
        padding-left: 60px;
        padding-right: 60px;
        height: calc(100% - 4rem);
    }
    .flow-node{
        position: relative;
        z-index: 20;
        .flow-content{
            position: relative;
            width: 13.75rem;
            height: 4.875rem;
            background: #fff;
            margin: auto;
            border-radius: .25rem;
            box-shadow: 0 0.125rem 0.3125rem 0 rgb(0 0 0 / 10%);
            box-sizing: border-box;
            .title{
                background: #ff943e;
                color: #fff;
                line-height: 1.5rem;
                padding: 0 1.25rem;
                height: 1.5rem;
            }
            .content{
                height: 3.375rem;
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding-left: 1.25rem;
                padding-right: .625rem;
                font-size: .875rem;
                color: #191f25;
            }
        }
    }
    .form-group{
        /deep/ .ui-dropdown{
            width: 200px  !important;
            }
        /deep/ .ui-dropdown-pane1{
            width: 200px !important;
        }
    }
       
}